<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
        <!--
        table标签
            table标签中存在许多属性
            border属性
                定义表格的边框厚度
                当定义了边框之后,表格的单元格也会显示出来
                边框厚度发生改变之后,变化的只是表格的外层边框,单元格的边框不会发生改变
            width属性
                定义表格的宽度
            height属性
                定义表格的高度
            align属性
                定义表格的对齐方式
                其值有三种:left、center、right
            bordercolor属性
                定义表格边框的颜色
            bgcolor属性
                定义表格的背景色
            background属性
                定义表格的背景图片
                当定义了背景图片之后,背景色失效
                如果背景图没有铺满整个表格,此时没有被背景图覆盖的部分会使用背景色
            cellpadding属性
                定义表格中单元格与内容之间的距离
                设置了之后会改变表格大小
            cellspacing属性
                定义表格中单元格之间的距离
       tr标签
            一个tr标签表示表格中的一行
            常用属性：
            align属性
                定义行中文本的的水平对齐方式
            valign属性
                定义行中文本的的垂直对齐方式
                其值有:top、middle(默认值)、bottom
            bgcolor属性
                定义行的背景色
            background属性
                定义行的背景图片
                当定义了背景图片之后,背景色失效
                如果背景图没有铺满整个表格,此时没有被背景图覆盖的部分会使用背景色

          td/th标签
                一个td或者一个th标签表示表格中的一列,数据都是放在td标签中
                常用属性:
                align属性
                    定义行中文本的的水平对齐方式
                valign属性
                    定义行中文本的的垂直对齐方式
                    其值有:top、middle、bottom
                bgcolor属性
                    定义行的背景色
                background属性
                    定义行的背景图片
                    当定义了背景图片之后,背景色失效
                    如果背景图没有铺满整个表格,此时没有被背景图覆盖的部分会使用背景色
         -->
    <table border="1px"  width="700px" height="400px" align="center" cellspacing="10px" cellpadding="2px" bordercolor="red" bgcolor="yellow" background="../images/a.gif">
        <tr align="right" valign="bottom" bgcolor="aqua" background="../images/rabbit2.png">
            <td>td</td>
            <td>td</td>
            <td>td</td>
            <td bgcolor="#7fffd4" align="left" valign="top">td</td>
        </tr>
        <tr>
            <td>td</td>
            <td >td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
            <td>td</td>
            <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
        <tr>
            <td>td</td>
            <td>td</td>
            <td>td</td>
            <td>td</td>
        </tr>
    </table>
</body>
</html>